<template>
  <header class="header">
      <section class="header-top">
        <img src="https://www.forerunnercollege.com/so/static/img/logo.7d1b3df0.png">
        <aside>
            <ul>
                <li>信息公开</li>
                <li>互动交流</li>
                <li>人才招聘</li>
            </ul>
        </aside>
      </section>
      <nav>
          <ul class="nav-ul">
              <li>1</li>
              <li>2</li>
              <li>3</li>
              <li>4</li>
              <li>5</li>
              <li>6</li>
              <li>7</li>
              <li>8</li>
              <li>9</li>
              <li>10</li>
          </ul>
      </nav>
      <Banner></Banner>
  </header>
</template>

<script>

import Banner from "../banner/Banner";

export default {
    components: {
        Banner
    }
}
</script>

<style scoped>
    .header-top {
        display: flex;

    }

    .nav-ul {
        width: 1200px;
        margin: auto;
        display: flex;
    }


</style>